<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>新建产品页面</title>
	<script src="../views/incremental/js/addProduct.js"></script>
	<style type="text/css">
		.t1{
			width: 100px;
		}

		.t2{
			width: 120px;
		}

		td{
			border: 1px solid #C4C4C4;
		}

		img{
			border:1px solid black;
			weight:50px;
			height:50px;
		}
	</style>
</head>
<body>
<div>
	<table class="table">
		<tr>
			<td colspan="4" style="color: #3D81C0; font-weight: bold;">产品设计</td>
		</tr>
		<tr>
			<td class="t1">所属银行*</td>
			<td class="t2">
				<select class="form-control" id="productBank"></select>
			</td>
			<td class="t1"></td>
			<td class="t2"></td>
		</tr>
		<tr>
			<td class="t1">产品名称*</td>
			<td class="t2">
				<input id="productName" type="text" class="form-control" onblur="addproductName()">
				<span id="redProductName" style="color: red;"></span>
			</td>
			<td class="t1">产品系列*</td>
			<td class="t2">
				<select class="form-control" id="productSerie"></select>
			</td>
		</tr>
		<tr>
			<td class="t1">产品定义</td>
			<td colspan="3">
				<textarea rows="2" cols="60" id="productDefinition" style="resize:none;"></textarea>
			</td>
		</tr>
		<tr>
			<td class="t1">目标用户</td>
			<td colspan="3">
				<textarea rows="2" cols="60" id="productCustomer" style="resize:none;"></textarea>
			</td>
		</tr>
		<tr>
			<td class="t1">额度下线（元）*</td>
			<td class="t2">
				<input id="benifitsDown" type="text" class="form-control" onblur="addbenifitsDown()">
				<span id="redBenifitsDown" style="color: red;"></span>
			</td>
			<td class="t1">额度上线（元）*</td>
			<td class="t2">
				<input id="benifitsUp" type="text" class="form-control" onblur="addbenifitsUp()">
				<span id="redBenifitsUp" style="color: red;"></span>
			</td>
		</tr>
		<tr>
			<td class="t1">最短期限（月）*</td>
			<td class="t2">
				<input id="shortestPeriod" type="text" class="form-control" onblur="addshortestPeriod()">
				<span id="redShortestPeriod" style="color: red;"></span>
			</td>
			<td class="t1">最长期限（月）*</td>
			<td class="t2">
				<input id="longestPeriod" type="text" class="form-control" onblur="addlongestPeriod()">
				<span id="redLongestPeriod" style="color: red;"></span>
			</td>
		</tr>
		<tr>
			<td class="t1">利率下限（%）*</td>
			<td class="t2">
				<input id="rateDown" type="text" class="form-control" onblur="addrateDown()">
				<span id="redRateDown" style="color: red;"></span>
			</td>
			<td class="t1">利率上限（%）*</td>
			<td class="t2">
				<input id="rateUp" type="text" class="form-control" onblur="addrateUp()">
				<span id="redRateUp" style="color: red;"></span>
			</td>
		</tr>
		<tr>
			<td class="t1">产品logo*</td>
			<td class="t2">
				<div style="width:100px;height:100px;">
					<img id="img1" alt="产品logo" src="" style="width:100px;height:100px;">
				</div>
				<input type="file" id="myFile" value="浏览">
			</td>
			<td class="t1"></td>
			<td class="t2"></td>
		</tr>
	</table>
	<input id="addProAdd" type="button" value="新建" onclick="addProduct()"> &nbsp;
	<input type="button" value="返回" onclick="loadPage('incremental/product_index.html');">
</div>
</body>
</html>